@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'robotolight';
    src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: 'SEGOEUIL';
 src: url('SEGOEUIL.eot');
 src: local('SEGOEUIL'), url('SEGOEUIL.woff') format('woff'), url('SEGOEUIL.ttf') format('truetype');
}
 @font-face {
 font-family: 'robotoblack';
 src: url('Roboto-Black-webfont.eot');
 src: url('Roboto-Black-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('Roboto-Black-webfont.woff') format('woff'),  url('Roboto-Black-webfont.ttf') format('truetype'),  url('Roboto-Black-webfont.svg#robotoblack') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'roboto_condensedbold';
 src: url('RobotoCondensed-Bold-webfont.eot');
 src: url('RobotoCondensed-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('RobotoCondensed-Bold-webfont.woff') format('woff'),  url('RobotoCondensed-Bold-webfont.ttf') format('truetype'),  url('RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium-webfont.woff') format('woff'),
         url('Roboto-Medium-webfont.ttf') format('truetype'),
         url('Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: "avinash";
  src:url("fonts/avinash.html");
  src:url("fonts/avinashd41d.html?#iefix") format("embedded-opentype"),
    url("fonts/avinash-2.html") format("woff"),
    url("fonts/avinash-3.html") format("truetype"),
    url("fonts/avinash-4.html#avinash") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {

  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {

  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cloud-download:before {
  content: "a";
}
.icon-book:before {
  content: "b";
}
.icon-checklist:before {
  content: "c";
}
.icon-clippy:before {
  content: "d";
}
.icon-mail:before {
  content: "e";
}
.icon-search:before {
  content: "f";
}
.icon-device-desktop:before {
  content: "g";
}
.icon-dashboard:before {
  content: "h";
}

.no-padding{
padding:0px !important;}



body {
	margin:0px;
	padding:0px;
	 font-family: 'robotolight'!important;
	font-size:16px !important;
	color:#333;
	
}
a, a:hover {
	border:none !important;
	outline:none !important;
}
p {
	margin:0px;
	padding:0px;
}
img {
	border:none;
	outline:none;
}
#top_head {
	background:#353535;
	margin:0px;
	padding:0px;
}
#top_menu ul {
	margin:0px;
	padding:0px;
	float:right;
}
#top_menu ul li {
	margin:0px;
	padding:0px 10px 0px 10px;
	float:left;
	font-size:13px;
	color:#c2c2c2;
	line-height:30px;
	list-style:none;
   font-family: 'robotolight';
}
.header {
	margin:0px;
	padding:0px;
	min-height:70px;
}
.logo {
	margin:0px;
	padding:0px 0px 5px 0px;
}
.logo img {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.banner {
	background:#008fcf url(../imges/banner-pattern.png);
	margin:0px;
	padding:0px;
	height:450px;
}
.ext-text {
	margin:0px;
	padding:0px;
	   font-family: 'robotolight';
	   font-size:14px;
}
.ext-text h1 {
font-family: 'robotoregular';
	font-size:36px;
	color:#666;
	margin:0px;
	padding:70px 15px 0px 15px;
}
.ext-text h2 {
	font-size:26px;
	margin:0px;
	padding:10px 15px 45px 15px;
	line-height:36px;
}
.cloud-base {
margin:30px 0px 100px 0px;
	border:2px solid #008fcf;
	background:url(../imges/cloud-based-a.png) no-repeat center 0px;
}
.cloud-base:hover {
margin:30px 0px 100px 0px;
	padding:0px;
	border:2px solid #008fcf;
	background:url(../imges/cloud-based-h.png) no-repeat center 0px;
}
.cloud-base h3 {
	font-size:26px;
	color:#008fcf !important;
	margin-top:140px;
	padding:0px 15px;
	text-align:center;
}
.cloud-base p {
	margin:0px;
	padding:0px 15px 20px 15px;
	color:#333!important;
}
.hassle-free {
margin:30px 0px 100px 0px;
	padding:0px;
	border:2px solid #008fcf;
	background:url(../imges/hassle-free-a.png) no-repeat center 0px;
}
.hassle-free:hover {
margin:30px 0px 100px 0px;
	padding:0px;
	border:2px solid #008fcf;
	background:url(../imges/hassle-free-h.png) no-repeat center 0px;
}
.hassle-free h3 {
	font-size:26px;
	color:#008fcf !important;
	margin-top:140px;
	padding:0px 15px;
	text-align:center;
   font-family: 'robotolight';
}
.hassle-free p {
	margin:0px;
padding:0px 15px 20px 15px;
	color:#333!important;
}
.enterprise-ready {
margin:30px 0px 100px 0px;
	padding:0px;
	border:2px solid #008fcf;
	background:url(../imges/enterprise-ready-a.png) no-repeat center 0px;
}
.enterprise-ready:hover {
margin:30px 0px 100px 0px;
	
	padding:0px;
	border:2px solid #008fcf;
	background:url(../imges/enterprise-ready-h.png) no-repeat center 0px;
}
.enterprise-ready h3 {
	font-size:26px;
	color:#008fcf !important;
	margin-top:140px;
	padding:0px 15px;
	text-align:center;
}
.enterprise-ready p {
	margin:0px;
padding:0px 15px 20px 15px;
	color:#333!important;
}
.knw {
	text-align:center !important;
	color:#008fcf;
	background:url(../imges/know-more.png) no-repeat 220px 9px;
	margin:15px 0px;
	padding:0px;
}
.hm-product p {
}
.hm-product h1 {
	
	font-size:2.8em;
	color:#fff;
	margin:0px;
	padding:45px 15px 0px 15px;
	text-align:center;

}
.hm-product h2 {
	font-size:22px;
	margin:0px;
	padding:10px 15px 70px 15px;
	text-align:center;
	color:#fff;

}
.hm-product {
	margin:50px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../imges/product-bg.html) no-repeat;
	background-size:cover;
}
.hm-product h3 {
	margin:0px;
	padding:0px 0px 10px 0px;
}
.hm-product ul {
	margin:0px;
	padding:0px;
}
.hm-product ul li {
	background:url(../imges/arrow.png) no-repeat 10px 10px;
	margin:0px;
	padding:0px 0px 0px 40px;
	line-height:35px;
	list-style:none;
	color:#fff;
}
#case_studies {
	margin:0px;
	padding:0px;
	background:#008fcf;
}
#case_studies h1, h3, p {
	color:#fff !important;
	  font-family: 'robotolight';
	  font-size:16px;
}
#case-studies-right {
	background:#035478;
	margin:0px;
	padding:15px;
}
#case-studies-padding {
	margin:20px 0px;
}
.case-padd {
	margin-bottom:20px;
}
/* Float Shadow */
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	background:#fff;
	border:1px solid #eeeeee !important;
	width:100%;
	text-align:center;
	padding:50px 0px;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
  -webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.hm-testimonials {
	margin:30px 0px 30px 0px;
	padding:0px;
}
.hm-testimonials h1 {
	color:#fff;
}
.hm-testimonials p {
	color:#fff !important;
}
.hm-touch-with-us {
	background:#008fcf;
	margin:0px;
	padding-bottom:20px;
}
.hm-touch-with-us h2 {
	font-size:23px;
	color:#fff;
}
#hm-news-left {
	margin-left:20px;
}
#call-left {
	margin:20px 0px 0px 30px;
	padding:0px;
	float:left;
}
#call-text {
	margin:30px 0px 0px 10px;
	padding:0px;
	float:left;
}
#call-text p {
	margin:0px;
	padding:0px;
	font-weight:bold;
}
#call-text h2 {
	margin:0px;
	padding:0px;
}
.hm-clients {
	margin:0px;
	padding:50px 0px 100px 0px;

}
.hm-clients h3 {
	font-size:22px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#333 !important;
}
#each-client {
	padding:35px 20px;
	margin-top:30px;
border:1px solid #f1f1f1;
height:115px;
}
.footer-out {
	background:#1e1e1e;
	margin:0px;
	padding:0px;
}
.footer-out p {
	font-size:13px;
	color:#666666 !important;
	text-align:right;
}
#social-outer {
	margin:0px 0px;
	padding:20px 0px;
}
#follow-us-on {
	float:left;
	color:#868686;
	padding-top:5px;
}
#follow-icons {
	float:left;
	margin-left:10px;
	padding-bottom:10px;
}
.bx-wrapper .testimonials-thumbnail {
	margin: 0px 0px 15px;
}
.bx-wrapper .testimonials-title {
	text-align: center;
	margin: 25px 15px 3px;
	font-size: 24px;
	line-height: 1;
}
.bx-wrapper .testimonials-carousel-thumbnail {
	max-width: 35%;
	float: left;
	margin-right: 20px;
}
.bx-wrapper .testimonials-carousel-thumbnail img {
	display: block;
	margin-right: 20px;
	width: 100px;
}
.bx-wrapper .testimonials-carousel-context {
	overflow: hidden;
	color:#333 !important;
	margin:0px 40px;
	text-align:center;
}
.bx-wrapper .testimonials-name {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 15px;
	color:#008fcf;
	font-weight:400;
	text-align:center;
}
.bx-wrapper span {
	font-size: 16px;
	margin-left:10px;
	color:#ccc;
   font-family: 'robotolight';
}
.bx-wrapper {
	position: relative;
	margin:0px;
	padding: 0;
	width:100%;
*zoom: 1;
}
.bx-wrapper .slide {
	padding:0;
	margin:0;
	display: block;
}
.bx-wrapper .bx-viewport {
	padding:10px;
	margin-left:0;
	z-index:1;
	width:100%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	display:none;
	bottom: -30px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.html) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0;
	margin-right: 0px;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 9999;
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
	width:120px;
	display:block;
	float:right;		
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 0px 5px 30px 0px;
	padding: 0px 10px;
	font-size: 16px;
	border:1px solid #fff;
	line-height:35px;
}
.owl-theme .owl-controls .owl-buttons div:hover {background:#fff; border:1px solid #fff; color:#333;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	display:none;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.html) no-repeat center center
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor:url(grabbing.html) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/* Wrapper */
.icon-button {
	background-color: #494949;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 3.6rem;
}
/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #aaaaaa;
}
.icon-button .icon-facebook {
	color: #aaaaaa;
}
.icon-button .icon-google-plus {
	color: #aaaaaa;
}
.icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {
	color: white;
}
.vms-banner {
	background: rgba(0, 0, 0, 0.5);
}
.application-banner {
	background: rgba(0, 0, 0, 0.5);
	padding-bottom:70px;

}
.application-mob-banner {
	background: rgba(0, 0, 0, 0.5);
	

}
.application-mob-banner h1{
color:#fff;
font-size:45px;
text-align:center;
 font-family: 'roboto_condensedbold';
 text-transform:uppercase;
 padding:60px 0px 0px 0px;
}
.application-banner h1{
color:#fff;
font-size:45px;
text-align:center;
 font-family: 'roboto_condensedbold';
 text-transform:uppercase;
 padding:60px 0px 0px 0px;
}

.hm-back-banner {
	background: rgba(0, 0, 0, 0.5);
}
.vms-banner h1 {
	padding:80px 0px 0px 0px;
	margin:0px;
	color:#fff;
	font-size:45px;
}
.vms-banner h2 {color:#fff; text-align:center}
.vms-banner p{padding-bottom:80px;}
#vms-desktop {
	margin-top:20px;
	padding:0px;
}

#vms-features {
	margin:0px;

}
#vms-features p {
	color:#666 !important;
	text-decoration:none;
	font-size:16px;
}
#vms-features h2 {
	color:#008fcf;
	font-size:24px;
}
#vms-features h4 { color:#000; border-bottom:1px dashed #ccc; 
padding-bottom:7px; font-size:16px;    font-family: 'robotoregular';padding-top:5px; }
#vms-features ul {
	margin:0px;
	padding:0px;
}
#vms-features ul li {
	font-size:16px;
	list-style:none;
	padding:0px 0px 0px 50px;
	margin:0px;
	line-height:45px;
	background:url(../imges/arrow.png) no-repeat 8px 16px;
	color:#666;
}
#app-prod-cloud h2{
color:#fff !important;

overflow:hidden;
}
#app-prod-cloud ul{
margin:0px;
padding:0px;
}
#app-prod-cloud ul li {
	font-size:16px;
	list-style:none;
	padding:0px 0px 0px 40px;
	margin:0px;
	line-height:45px;
	background:url(../imges/dash.png) no-repeat 8px 16px;
	color:#fff;
}
#vms-typo h1 {
	margin:30px 0px;
	color:#008fcf;
	text-align:center;
	      font-family: 'robotolight';
	overflow:hidden;
	font-size:35px;
}
#vms-typo h2 {
	font-size:16px;
	line-height:28px;
}
.vms-head {
	margin:0px;
	padding:0px;
}
.vms-head h1 {
	font-size:55px;
	color:#fff;
	font-family: 'robotoblack';
	text-transform:uppercase;
	text-align:center;
}
.vms-feture-inn-left {
	border-bottom:1px solid #f1f1f1;
	overflow:hidden;
	padding:20px;
	text-align:left;
}
.vms-feture-inn-left:hover {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:20px;
	background:#f1f1f1;
	text-align:left;
}
.vms-feture-inn-right {
	border-bottom:1px solid #f1f1f1;
	overflow:hidden;
	padding:20px;
	text-align:right;
}
.vms-feture-inn-right:hover {
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:20px;
	background:#f1f1f1;
	text-align:right;
}
#google-map-listing img {
	max-width: inherit;
}
#contact-us h4 {
	color:#008fcf;
}
#contact-head {
	margin:30px 0px;
	padding:0px;
	color:#666 !important;
	font-size:28px;
    font-family: 'robotoregular';
}
.about-us-out {
	margin:50px 0px;
}
.about-us-text {
	margin:0px;
	padding:0px;
}
.about-us-text h2 {
	font-size:24px;
	color:#008fcf;
}
.about-us-text p {
	color:#333 !important;
	font-size:16px;
	line-height:26px;
}
.homeBox {
	margin:20px 0px 40px 0px;
	overflow:hidden;
}
.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	margin-right: 10px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	margin: 0;


}
.homeBox .one_fourth div, .homeBox .last div {
	padding: 10px;
}
.homeBox .one_fourth:hover {
	background:#008fcf;
}
.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}
.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-transform:uppercase;
	font-size:20px;
	font-family: 'robotolight';
}
.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}
.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size:16px;
}
.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}
.homeBox .one_fourth .boxDescription ul{
margin:0px;
padding:0px 30px;
font-size:14px;}
.homeBox .one_fourth .boxDescription ul li{
text-align:left;
line-height:32px;
border-bottom:1px dotted #acacac;

}
.homeBox .one_fourth .boxDescription ul li:last-child {border-bottom:none;}
 @-webkit-keyframes moveFromTop {
 from {
 top: -600px;
}
to {
	top: auto;
}


 @-moz-keyframes moveFromTop {
 from {
 -moz-transform: translateY(-600%);
}
to {
	-moz-transform: translateY(0%);
}
}
 @-ms-keyframes moveFromTop {
 from {
 -ms-transform: translateY(-600%);
}
to {
	-ms-transform: translateY(0%);
}
}
 @-webkit-keyframes moveFromBottom {
 from {
 bottom: -400px;
}
to {
	top: auto;
}}
}
 @-moz-keyframes moveFromBottom {
 from {
 -moz-transform: translateY(400%);
}
to {
	-moz-transform: translateY(0%);
}
}
 @-ms-keyframes moveFromBottom {
 from {
 -ms-transform: translateY(400%);
}
to {
	-ms-transform: translateY(0%);
}
}


.visi-misi-head  h1 {
	    font-family: 'robotolight';
	font-size:28px;
	color:#000;
	margin:0px;
	padding:45px 15px 0px 15px;
}
.visi-misi-head  h2 {
	font-size:18px;
	margin:0px;
	padding:10px 15px 30px 15px;
	line-height:26px;
}
.dwn_out{margin-top:50px; }
.grow{
border:1px solid #e9e9e9; background:#f6f6f6;     transition:all 0.3s ease;
}
.grow h3{padding:0px 0px 0px 0px;
color:#333 !important;
font-size:16px;
text-align:center;
}
.grow img{
margin-top:20px;}

      .grow:hover
        {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
			background:#d6d6d6;
			border:1px solid #d2d2d2;color:#333;
			
        }.grow a{color:#333;}
.grow a:hover{color:#333;}
.brochur{
border:1px solid #008fcf;
background:url(../imges/pdf.png) no-repeat 15px 15px;
line-height:75px;
padding:15px;
}
.brochur p{padding:0px 0px 0px 90px;
color:#008fcf !important;
font-size:16px;
}
.brochur:hover{

border:1px solid #008fcf;
background: #008fcf url(../imges/pdf-h.png) no-repeat 15px 15px;
line-height:75px;
padding:15px;

}
.brochur:hover p{padding:0px 0px 0px 90px;
color:#fff !important;
font-size:16px;
}
.clients{
margin:60px 0px 60px 0px!important;
padding:0px;
overflow:hidden;
}
.clients h1{
font-size:30px;}
.clients h2{
font-size:18px;
line-height:26px;}
#clnt-out{margin-top:20px; }
#clnt{
border:1px solid #ededed;
height:100px;
margin:20px 0px;
text-align:center;
padding:25px;


}
#clnt:hover{
border:2px solid #dbdbdb;
height:100px;
margin:20px 0px;
}
.case-study-in{

margin:0px;
padding:0px;
}

.case-study-in p{
color:#666!important;}
.case-study-in h2{
font-size:20px;
color:#008fcf;
}
.vts-featues{
margin:0px;
padding:0px;
background:#f7f7f7;
border:1px solid #e8e8e8;
height:227px;
}
.vts-featues:hover{
margin:0px;
padding:0px;
background:#fbfbfb;
border:1px solid #e8e8e8;
}

#vts-featues-img{
text-align:center;
margin:20px 0px;}

#vts-featues-contant h3{ 
font-size:16px;
color:#008fcf !important;
text-align:center;
 font-family: 'robotoregular';
}

#vts-featues-contant p{
padding:0px 15px;
font-size:14px;
text-align:justify;
}
#brdcum{
background: rgba(6, 104, 148, 0.8);
}
.vts-device h1{color:#008fcf;
font-size:24px;
margin:0px;
padding-bottom:20px;
}
.vts-device p{color:#666666 !important; font-size:16px; line-height:26px;}

<!--////////////////////////Time attendance systen/////////////////////////////-->


.feature_head{
float:left;

}
.feature_head h2{
margin:0px;
padding:0px;
font-size:22px;}
.feature_head p{ color:#666 !important; font-size:14px;}

.portfolio-grid {
float:left;

}

.portfolio-grid li {
	list-style:none;



}

.portfolio-grid li > a,
.portfolio-grid li > a img {
    width: 100%;
	border: none;
	outline: none;
	display: block;
	position: relative;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-grid li > a img:hover {
    border-radius: 50%;
    z-index: 9999;
}




.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
.cms-feature-out{margin-top:150px;}
.cms-feature{

background:url(../imges/canteen-management-system/lap-a.png) no-repeat;
height:378px;
position:relative;
width:659px;
right:180px;

}


.cms-feature:hover{
margin-top:150px;
background:url(../imges/canteen-management-system/lap-h.png) no-repeat;
}
#cm-head{
background:#eaeaea;
color:#000;
line-height:55px;}

.btn-info{
	margin-bottom:5px;
}	

.vs-show{
background:url(../imges/visitor-management-system/tab.png) no-repeat;
width:815px;
height:589px;
margin-left:160px;
position:relative;
top:50px;
}

#brand{margin-top:40px; padding-bottom:10px; font-size:22px; text-align:center; border-bottom:1px solid #e2e2e2;   font-family: 'robotoregular';}

#req-vms{
margin:0px 0px 25px 0px;
padding:20px;
border:1px solid #eaeaea;
height:250px;
}
#req-vms p{color:#666 !important; padding:10px 0px 0px 0px;}
#req-vms img{padding:10px 15px 0px 0px;}
#req-vms:hover{
margin:0px 0px 25px 0px;
padding:20px;
border:1px solid #008fcf;

}

#req-vms h1{
font-size:20px; margin:0px;
padding:0px 0px 7px 0px;
border-bottom:1px solid #ccc;}
.circle-list li{
			    padding: 2.5em;
			    border-bottom: 1px dashed #ccc;
			}

			.circle-list h2{
			    position: relative;
			    margin: 0;
			}

			.circle-list p{
			    margin: 0;
			}

			.circle-list h2:before{
			    content: counter(li);
			    counter-increment: li;
			    position: absolute;    
			    z-index: -1;
			    left: -1.8em;
		
			    background: #ebf9ff;
			    height: 1.5em;
			    width: 1.5em;
			
			    text-align: center;
			  
			    color: #008fcf;
			    -moz-border-radius: 1.5em;
			    -webkit-border-radius: 1.5em;
			    border-radius: 1.5em;
			    -webkit-transition: all .2s ease-out;
			    -moz-transition: all .2s ease-out;
			    -ms-transition: all .2s ease-out;
			    -o-transition: all .2s ease-out;
			    transition: all .2s ease-out;    
			}

			.circle-list li:hover h2:before{
			    background-color: #008fcf;
			    border-color: rgba(0,0,0,.08);
			    border-width: .2em;
			    color: #fff;
			    -webkit-transform: scale(1.5);
			    -moz-transform: scale(1.5);
			    -ms-transform: scale(1.5);
			    -o-transform: scale(1.5);
			    transform: scale(1.5);
			}
			
			 .gallery {
      list-style: none;
      overflow: hidden;
      margin: 0;
      padding:0;
    }
	.report_thumb{
	border:1px solid #ccc;
	padding:2px; margin:20px 0px; }
	.report_thumb img{max-height:175px; width:100%;}
		.report_thumb h4{
		color:#333 !important;
		text-align:center; background:#f1f1f1; padding:10px 0px; margin:0px; }
		
		
		.ftns-reports{
		
		padding:0px;
		margin:0px;
		}
			.ftns-reports h2{font-size:20px; color:#008fcf; border-bottom:1px dashed #ccc; text-align:center; padding-bottom:15px;}
		.ftns-reports ul{
		float:left; margin-left:100px;}
  
  		.ftns-reports ul li{
		list-style:outside;
		line-height:45px;
		margin:0px;
		padding:0px;
		font-size:16px;
		}
@media screen and (max-width: 640px) {
	.tabs nav a span {
		display: none !important;
	}
}